<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-ES" lang="es-ES">
<head>
<title>HackCharacter</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="SexyButtons/sexybuttons.css" type="text/css"  />
<link rel="shortcut icon" href="favicon.ico" /> 
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" language="javascript" src="js/login.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
	$("#myform").validate({
		rules: {
			nombre: {
				required: true,
				minlength: 5
			},
			email: {
				required: true,
				email: true
			},
			mensaje: {
				required: true,
			}
		}
	});						   
});
</script>
</head>
<body>
	<div  id="contenedor">
		<div id="header">
			<div id="cabecera">
            <?php require_once "login.php" ?>
			<!-- Cabecera de la web, un logo hecho con Photoshop -->
			</div>
			<?php require_once "menu.php"; ?>
		</div>
		<div id="content">
		<!--Contenido principal, donde se mostrará TODA la información-->
		<form name='myform' id="myform" action="<?php $_SERVER['SCRIPT_NAME'] ?>" method="post">
            <fieldset>
                <label>Nombre y apellidos</label>
                <input type="text" name="nombre" /><br/>
                <label>Correo electrónico</label>
                <input type="text" name="email" /><br />
                <label>Mensaje</label>
                <textarea id="txtMensaje" rows="8" cols="50" name="mensaje"></textarea>
                <br /><button  class="sexybutton sexyyellow"><span><span><span class="email">Enviar</span></span></span></button>
            </fieldset>
        </form>
		</div>
		<div id="footer">
		<!--Pie de página, donde irá información sobre quien ha hecho la web y alguna cosa mas-->
		<span id="dcha"><img src="images/css.gif" alt="css"/> <img src="images/xhtml.png" alt="css"/></span>
        </div>
	</div>
</body>
</html>